/* ========== */
/* = CSS 样式 = */
/* ========== */
@font-face {
  font-family: 'iconfont';  /* project id 216583 */
  src: url('../iconfont/iconfont.eot');
  src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../iconfont/iconfont.woff') format('woff'),
  url('../iconfont/iconfont.ttf') format('truetype'),
  url('../iconfont/iconfont.svg#iconfont') format('svg');
}
.m-mt0{
	margin-top: 0px !important;
}
.m-mt5{
	margin-top: 5px;
}
.m-mt10{
	margin-top: 10px;
}
.m-mt15{
	margin-top: 15px;
}
.m-pt0{
	padding-top: 0px;
}
.m-ml-2{
	margin-left: 2%;
}
.m-pl-2{
	padding-left: 2%;
}
.m-bl-1{
	border-left: 1px solid #eee;
}
.txt{
	font-style: normal;
	font-weight: normal;
}
.header-txt{
	color: #fff;
	font-size: 12px;
	line-height: 44px;
}
.mui-btn, button, input[type=button], input[type=reset], input[type=submit]{
	border: 0;
}
.u-iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    color:#999;
}
.mui-bar-tab .mui-tab-item.mui-active .u-iconfont{
	color: #007aff;
}
/*header*/
.g-header{
	background: #12307D;
	color: #fff;
}
.g-header .mui-title,.g-header .u-iconfont{
	color: #fff;
}
.g-header .mui-action-back{
	color: #fff;
}


/*主页新标公告*/
.u-bu{
	padding: 10px 0;
	background: #fff;
}
.u-bu-sec{
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	background: #fff;
}
.u-bu .u-bu-lt{
	position:relative;
	float:left;
	width:85px;
	margin-right:-85px;
	font-size: 12px;
	border-right: 1px solid #e7e7e7;
	text-align: center;
	color: #f56347;
}
.u-bu .u-bu-rt{
	float:right;
	width:100%;
	margin-left:95px;
	font-size: 12px;
}
.u-bu-list{
	margin: 0 0 0 55px;
	transform: translate3d(0px, 0px, 0px);
    transition: transform 0.4s ease-in-out;
}
.u-bu-list li{
	list-style-type: none;
}
.u-bu .u-iconfont{
	font-size: 20px;
	line-height: 20px;
	float: left;
	color: #f56347;
}
/*主页工具栏*/
.mui-grid-view.m-tool{
	background-color: #fff;
}
.mui-grid-view.m-tool .mui-table-view-cell{
	border-bottom: 0;
}
/*主页项目列表*/
.m-proj{
	/*margin-top: 15px;*/
}
.m-proj .mui-table-view-cell:after{
	left: 0;
}
.m-proj .m-proj-tit{
	font-size: 12px;
	font-weight: normal;
}
.m-proj .m-proj-tit-big{
	font-size: 14px;
	font-weight: normal;
}
.m-proj .m-proj-tit-small{
	font-size: 10px;
	font-weight: normal;
	color: #aaa;
}
.m-proj .m-proj-tag{
	position: relative;
	font-size: 12px;
}
.m-proj-tag.tag-yew{
	color: #fd853c;
}
.m-proj-tag.tag-gray{
	color: #999;
}
.m-proj-tag.tag-ble{
	color: #5374cc;
}
.m-proj-tag.m-left-round:before{
	content: '';
	position: absolute;
	left: -13px;
	top: 4px;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background-color: #aaa;
}
/*主页项目信息*/
.m-proj-info{
	 display:-moz-box;
    -moz-box-orient:horizontal;
    display:-webkit-box;
    -webkit-box-orient:horizontal;
    display:box;
    box-orient:horizontal;
}
.m-proj-info .m-proj-box{
	height: 60px;
	-webkit-box-flex: 1.0;
	-moz-box-flex:1.0;
	 box-flex:1.0;
}
.m-proj-info .m-proj-lt{
	text-align: left;
}
.m-proj-info .m-proj-cn{
	text-align: center;
}
.m-proj-info .m-proj-rt{
	text-align: right;
}
.m-proj-info .m-info-des{
	margin-top: -10px;
	font-size: 10px;
	color: #aaa;
}
.m-proj-info .m-info-top{
	line-height: 50px;
}
.m-proj-info .m-info-top .m-big{
	font-size: 26px;
	color: #fe4142;
}
.m-proj-info .m-info-top .m-big-20{
	font-size: 20px;
	color: #fe4142;
}
.m-proj-info .m-info-top .m-small{
	font-size: 20px;
	color: #fe4142;
}
.m-proj-info .m-info-top .m-unit{
	font-size: 14px;
	color: #666;
	margin-left: -4px;
}
.m-proj-info .m-proj-cn .m-big,
.m-proj-info .m-proj-rt .m-big{
	color: #333;
}
.m-proj-info .m-proj-cn .m-unit,
.m-proj-info .m-proj-rt .m-unit{
	margin-left: -2px;
}
/*.m-proj .mui-input-row.mui-input-range{
	padding-right: 0;
}
.m-proj .mui-input-range input[type=range]{
	position: relative;
	background-color: #fff;
	background: -webkit-linear-gradient(#5476cb, #5476cb) no-repeat;
	background-size: 0% 100%;
}
.mui-input-range input[type='range']::-webkit-slider-thumb{
    width: 8px;
    height: 8px;
    border-color: #0062cc;
    background-color: #5476cb;
}
.mui-input-range input[type='range']::-webkit-slider-runnable-track {
    border-radius: 10px;
}
.m-range{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.m-range .m-range-bg{
	position: absolute;
	background-color: #eee;
	height: 2px;
	top: 17px;
	right: -4px;
}*/
.m-range-bar{
	margin: 15px 0;
	position: relative;
	height: 2px;
	width: 100%;
	background-color: #eee;
}
.m-range-bar i{
	position: absolute;
	background: #5476cb;
	height: 2px;
	display: inline-block;
}
.m-range-bar .m-range-round{
	top: -4px;
	position: absolute;
	border: 1px solid #5476cb;
	border-radius: 100%;
}
.m-range-bar .m-range-round .round{
	margin: 1px;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background-color: #5476cb;
	
}

.m-proj-nottom{
	margin-top: -8px;
}
.m-proj-nottom .m-proj-tit{
	color: #999;
}
.m-proj-nottom .m-proj-tag{
	font-size: 14px;
}
.m-range-bar.z-act .m-range-round{
	transition: left 1s linear 0s;
	animation: animate-left 1.5s;
}
.m-range-bar.z-act i{
	transition: width 1s linear 0s;
	animation: animate-width 1.5s;
}
@-webkit-keyframes animate-width{
	0% { width: 0%; }
	}
@keyframes animate-width{
	0% { width: 0%; }
}
@-webkit-keyframes animate-left{
	0% { left: 0%; }
	}
@keyframes animate-left{
	0% { left: 0%; }
}
.mui-slider{
	background-color: #fff;
}
/*我要理财*/
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{
	color:#12307D;
}
.mui-segmented-control.mui-segmented-control-inverted~.mui-slider-progress-bar{
	background-color: #12307D;
}
.mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item{
	border-top: 0;
	border-bottom: 0;
}
.mui-slider-indicator.mui-segmented-control{
	border-bottom: 1px solid #c8c7cc;
}
.mui-slider-progress-bar{
	top: -2px;
}
.m-proj-state{
	position: relative;
	margin-top: 8px;
	float: right;
	width: 50px;
	height: 50px;
	line-height: 50px;
	background-color: #fff;
	text-align: center;
	border: 1px solid #eee;
	border-radius: 100%;
	font-size: 20px;
	color: #48adfe;
}
.m-proj-state:after{
	content: '';
	position: absolute;
	left: -1px;
	top: -1px;
	width: 48px;
	height: 48px;
	border-width: 2px;
	border-style: solid;
	border-color: #48adfe #48adfe #48adfe  transparent;
	border-radius: 100%;
	transform: rotate(40deg);	
}
.m-nav1 .m-proj-nottom{
	margin-top: 10px;
}
.m-nav2{
	background-color: #efeff4;
}
.m-nav2 .mui-table-view-cell{
	background-color: #fff;
}
.m-nav2 .m-proj-info{
	padding-bottom: 15px;
	border-bottom: 1px solid #eee;
}
.m-nav2 .m-proj-nottom{
	margin-top: 10px;
}
.m-proj-rt-tips{
	position: absolute;
	right: 0;
	top: 0;
 	width: 0;
    height: 0;
    border-top: 25px solid #f76146;
    border-left: 25px solid transparent; 
}
.m-proj-rt-tips .u-iconfont{
	position: absolute;
	color: blue;
	z-index: 9;
	right: 0;
	top: -23px;
	font-size: 10px;
	color: #fff;
}
.m-nav2 .mui-table-view-cell + .mui-table-view-cell{
	margin-top: 10px;
}
.z-end *{
	color: #bbb !important;
}
.z-end .m-proj-state:after{
	border-color: #bbb #bbb #bbb  transparent;
}
.m-lt-round{
	position: relative;
	font-size: 10px;
}
.m-lt-round:after{
	position: absolute;
	content: '';
	width: 5px;g-header
	height: 5px;
	top: 5px;
	left: -10px;
	background: #bbb;
	border-radius: 100%;
}
.m-nav3 .m-proj-box{
	text-align: center;
}
.m-nav3 .m-proj-cn{
	margin: 0 10%;
}
.m-nav3 .m-info-top .m-big{
	font-size: 30px;
}
.m-proj-info-more{
	padding-left: 5px;
	border-left: 1px solid #eee;
}
.m-nav3 .m-proj-nottom *{
	font-size: 10px;
}
.m-proj-footer{
	height: 44px;
	background-color: #5574ce;
}
.m-proj-footer .mui-tab-item{
	height: 44px;
	font-size: 12px;
	color: #fff;
}
.mui-badge.mui-badge-op{
	background-color: rgba(0,0,0,0);
	color: #999;
}
/*投标确认*/
.m-bid1 .mui-table-view-cell,
.m-bid2 .mui-table-view-cell{
	font-size: 14px;
}
.m-bid1 span,
.m-bid2 span{
	color: #999;
}
.m-bid2 .mui-table-view-cell:after
{
	height: 0;
}
.m-bid2 .mui-table-view-cell:nth-child(2n){
	background-color: #f7f8fa;
}
.m-bid2 .mui-table-view-divider
,.m-bid3 .mui-table-view-divider
,.m-bid4 .mui-table-view-divider
{
	padding:10px 25px;
	color: #5375ce;
	background-color: #fff;
	font-size: 16px;
}
.m-bid2 .mui-table-view-divider:before,
.m-bid3 .mui-table-view-divider:before,
.m-bid4 .mui-table-view-divider:before{
	position: absolute;
	top: 5px;
	left: 15px;
	height: 30px;
	width: 4px;
	background-color: #5375ce;
	border-radius: 4px;
}
.m-bid2 *{
	color: #aaa;
}
.m-bid3 .mui-table-view-divider:after{
	height: 0;
}
.m-bid3 h4{
	font-size: 14px;
	color: #999;
	font-weight: normal;
}
.m-recharge-btn{
	padding: 3px 20px !important;
	background-color: #5574ce !important;
}
.m-bid3 .u-iconfont{
	color: #27a1fe;
}
.m-bid4 .mui-input-row{
	clear: none;
	width: 50%;
	display: inline-block;
	float: left;
	font-size: 14px;
}
.m-bid4 .mui-input-row:after{
	height: 0;
}
.m-bid4 .mui-input-row:first-child{
	border-right: 1px solid #eee;
}
.m-bid4 .mui-input-row label{
	padding: 8px 15px;
    padding-left: 58px;
    color: #999;
}
.m-bid4 .mui-input-group .mui-input-row{
	height: 30px;
}
.mui-checkbox input[type=checkbox], .mui-radio input[type=radio]{
	width: 20px;
	height: 20px;
}
.mui-checkbox input[type=checkbox]:before, .mui-radio input[type=radio]:before{
	font-size: 24px;
}
/*个人中心*/
.m-personal-banner{
	position: relative;
}
.m-personal-banner .personal-banner-tp{
	position: absolute;
	top: 50px;
	color: #fff;
	font-size: 14px;
	right: 25px;
}
.m-personal-banner .personal-banner-tp .u-iconfont{
	position: absolute;
	color: #fff;
	font-size: 12px;
	top: 4px;
	right: -15px;
}
.m-personal-banner .personal-banner-cr{
	position: absolute;
	bottom: 40%;
	height: 70px;
	width: 100%;
}
.m-personal-banner .personal-banner-cr *
,.m-personal-banner .personal-banner-fr *{
	color: #fff !important;
	text-align: center !important;
}
.m-personal-banner .personal-banner-cr .m-big{
	font-size: 44px;
	font-weight: normal;
}
.m-personal-banner .personal-banner-cr .m-info-des{
	font-size: 14px;
	letter-spacing: 1px;
}
.m-personal-banner .personal-banner-fr{
	position: absolute;
	bottom: 10px;
	width: 100%;
	height: 65px;
}
.personal-banner-fr .m-proj-info .m-proj-cn{
	position: relative;
}
.personal-banner-fr .m-proj-info .m-proj-cn:before{
	content: '';
	height: 30px;
	width: 1px;
	left: 0;
	top: 17px;
	position: absolute;
	background-color: #fff;
}
.personal-banner-fr .m-proj-info .m-proj-cn:after{
	content: '';
	height: 30px;
	width: 1px;
	right: 0;
	top: 17px;
	position: absolute;
	background-color: #fff;
}
.personal-banner-fr .m-proj-info .m-info-des{
	margin-top: 0;
}
.mui-table-view.m-personal-tools{
	margin-top: -5px;
	background-color: #fff;
}
.mui-table-view.m-personal-tools .mui-table-view-cell{
	padding: 0 15px;
}
.mui-table-view.m-personal-tools .mui-media-body{
	font-size: 12px !important;
	color: #aaa !important;
}
.m-personal-tools .mui-col-xs-6 .mui-media-body{
	color: #4397d7 !important;
	font-size: 16px !important;
}
.m-personal-link .mui-media-object{
	line-height: 30px;
    max-width: 30px;
    height: 30px;
}
.m-personal-link .mui-media-body{
	height: 30px;
	line-height: 30px;
	font-size: 14px;
}
.m-personal-tools.mui-grid-9 .mui-col-xs-3{
	border-bottom: 0;
}
/*账户总览*/
.m-account{
	height: 180px;
	overflow: hidden;
}
.m-personal-banner.m-account .personal-banner-fr{
	bottom: 30%;
}
.m-account-info b{
	font-size: 16px;
	color: #fe4142;
	font-weight: normal;
	margin-right: 3px;
}
.m-loan-box input[type="button"]{
	display: inline-block;
	float: right;
	font-size: 12px;
	padding: 4px 10px !important;
	color: #fff;
	margin-left: 2%;
}
.m-loan-box input[type="button"] ~ input[type="button"]{
	margin-left: 5px;
}
.m-proj-info .m-info-top.instalments span{
	font-size: 10px;
}
.m-proj-info .m-info-top.instalments span b{
	font-size: 26px;
}
.m-loan-tender{
	background-color: #efeff4;
}
.m-loan-tender .mui-table-view-cell{
	background-color: #fff;
}
.m-loan-tender .mui-table-view-cell + .mui-table-view-cell{
	margin-top: 10px;
}
.m-payments-over *{
	color: #999 !important;
}
.m-payments-over input[type="button"]{
	background-color: #777 !important;
	color: #fff !important;
}
.m-top-menu{
	display: table;
	background-color: #fff;
	border-bottom: 1px solid #eee;
}
.m-top-menu .menu-item{
	position: relative;
	display: table-cell;
	width: 1%;
	text-align: center;
	line-height: 40px;
	font-size: 14px;
	overflow:hidden; 
	white-space:nowrap;
}
.m-top-menu .menu-item + .menu-item:after{
	content: '';
	position: absolute;
	width: 1px;
	height: 20px;
	left: 0;
	top: 10px;
	background-color: #eee;
}
.m-top-menu .menu-item .mui-right{
	position: absolute;
	right: 10px;
	top: 14px;
}
/*资金明细*/
.bankroll-section{
	
}
.bankroll-section .bankroll-article{
  position: relative;
	height: 80px;
	background-color: #fff;
	margin: 10px 0;
}
.bankroll-section .bankroll-article:before{
	content: '';
	position: absolute;
	height: 60px;
	width: 1px;
	bottom: 0;
	left: 70px;
	background-color: #eee;
}
.bankroll-article .lt-box{
	position:relative;
	float:left;
	width:60px;
	margin-right:-60px;
	height: 100%;
}
.bankroll-article .rt-box{
	float:right;
	width:100%;
	height: 100%;
}
.bankroll-article .rt-box .rt-box-group{
	margin-left:85px;
	height: 100%;
}
.bankroll-article .lt-box.time{
	line-height: 80px;
	text-align: right;
	font-size: 12px;
	color: #888;
}
.rt-box-group .row{
	position: relative;
	display: block;
}
.rt-box-group .row.time-month{
	line-height: 30px;
	color:#12307D;
	font-size: 14px;
}
.rt-box-group .row.time-month:after{
	position: absolute;
	content: '';
	width: 15px;
	height: 15px;
	border-radius: 100%;
	background-color: #333;
	top: 8px;
	left: -22px;
}
.rt-box-group .row.time-all{
	font-size: 12px;
	color: #999;
}
.rt-box-group .row.time-all .u-iconfont{
	color: #12307D;
}
.rt-box-group .row.time-all:after{
	position: absolute;
	content: '';
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background-color: #fe4142;
	top: 8px;
	left: -18px;
}
.rt-box-group .tab-row{
	display: table;
}
.rt-box-group .tab-row .tab-cell{
	position: relative;
	display: table-cell;
	width: 1%;
	text-align: center;
	font-size: 12px;
	color: #333;
	overflow:hidden; 
	white-space:nowrap; 
	line-height: 30px;
}
.bankroll-section .bankroll-article + .bankroll-article{
	margin-top: 12px;
}
/*消息中心*/
.m-msg .mui-navigate-right{
	font-size: 14px;
}
.m-msg .mui-navigate-right .m-msg-time{
	margin: 5px 0;
	color: #999;
	font-size: 12px;
}
.m-msg .m-msg-des{
	font-size: 14px;
	color: #888;
}
.m-msg-tit{
	margin-right: 10px;
}
.m-msg-state{
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #fe4142;
	display: inline-block;
	vertical-align: top;
}
.m-state-read *{
	color: #aaa !important;
}
.m-state-read .m-msg-state{
	background-color: #aaa !important;
}
/*消息详情*/
.m-msg-detail .m-detail-header{
	margin: 10px;
	padding: 6px 0;
	border-bottom: 1px solid #eee;
}
.m-msg-detail .m-detail-header .tit{
	font-size: 16px;
	color: #333;
}
.m-msg-detail .m-detail-header .time{
	margin-top: 8px;
	font-size: 12px;
	color: #999;
}
.m-detail-header span{
	margin-left: 5px;
	padding-left: 5px;
	border-left: 1px solid #eee;
}
.m-tab-cell-des{
	font-size: 10px;
	color: #999;
	line-height: 20px;
}
/*优惠券*/
.m-coupon-list{
	padding-left: 0;
	width: 94%;
	margin: 0 auto;
}
.m-coupon-list .m-coupon-box{
	margin-top: 10px;
	width: 100%;
	height: 120px;
	background-color: #fff;
	list-style: none;
	border: 1px solid #ddd;
}
.m-coupon-box .coupon-box-lt{
	position: relative;
	float:left;
	width:100%;
	height: 100%;
}
.m-coupon-box .coupon-box--lt{
	margin-right:100px;
	margin-left: 30px;
}
.m-coupon-box .coupon-box--lt .coupon-info-top{
	padding: 10px 0;
	line-height: 25px;
}
.m-coupon-box .coupon-box-lt:before{
	content: '';
	position: absolute;
	width: 30px;
	height: 30px;
	background-color: #eee;
	left: -15px;
	top: 40px;
	border-radius: 100%;
	border-width: 1px;
	border-style: solid;
	border-color: #cecece #cecece transparent transparent;
	transform: rotate(40deg);
}
.m-coupon-box .coupon-box-rt{
	position:relative;
	float:right;
	width:70px;
	height: 100%;
	margin-left:-70px;
	border-left: 1px dashed #eee;
}
.m-coupon-box .coupon-box-rt:before{
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	background-color: #eee;
	left: -10px;
	top: -10px;
	border-radius: 100%;
	border-width: 1px;
	border-style: solid;
	border-color: #cecece #cecece transparent transparent;
	transform: rotate(138deg);
}
.m-coupon-box .coupon-box-rt:after{
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	background-color: #eee;
	left: -10px;
	bottom: -10px;
	border-radius: 100%;
	border-width: 1px;
	border-style: solid;
	border-color:  transparent #cecece #cecece transparent;
	transform: rotate(225deg);
}
.m-coupon-box .coupon-box-rt .coupon-tit{
	width: 14px;
	height: auto;
	line-height: 20px;
	font-size: 12px;
	margin: 0 auto;
	margin-top: 30px;
}
.coupon-info-top{
	
}
.coupon-info-top .lt{
	display: inline-block;
	float: left;
	font-size: 26px;
	color: #007aff;
}
.coupon-info-top .lt .unit{
	font-size: 12px;
	color: #999;
}
.coupon-info-top .lt .tip{
	color: #999;
	font-size: 14px;
}
.coupon-info-top .rt{
	display: inline-block;
	float: right;
}
.coupon-info-bottom .row{
	font-size: 12px;
	color: #ccc;
}
.txt-c48adfe{
	color: #48adfe;
}
.txt-cfe4142{
	color: #fe4142;
}
.txt-c007aff{
	color: #007aff;
}
.m-coupon-use *{
	color: #999 !important;
}
.m-coupon-tip{
	padding: 5px 10px;
	font-size: 12px;
	text-align: right;
}
.m-coupon-tip .u-iconfont{
	margin-right: 5px;
	color: #007aff;
}
.m-coupon-more .con{
	display: table-cell;
	vertical-align: middle; 
	height: 42px;
	font-size: 14px;
}
.m-coupon-more .con span{
	display: block;
	font-size: 10px;
	color: #999;
}
.m-coupon-more .tit{
	padding: 12px 15px;
	background-color: #fff;
	border-bottom: 1px solid #eee;
	font-size: 16px;
}
.coupon-show-more{
	padding: 12px 0 0 0;
	text-align: center;
	font-size: 14px;
}
/*账户安全*/
.m-user-account .mui-table-view-cell{
	font-size: 14PX;
}
.m-user-photo{
	width: 42px;
	height: 42px;
	margin-right: 10px;
	border-radius: 100%;
	overflow: hidden;
}
.m-user-photo img{
	margin-right: 0 !important;
}
.m-btn-block{
	padding: 15px 10px;
}
.mui-btn{
	padding: 10px 0;
	font-size: 14px;
}
.mui-btn-primary{
	background-color: #557ece;
	color: #fff;
}
.m-invite-top{
	margin-top: 0;
	padding: 15px 15px;
	background-color: #fff;
	color: #48adfe;
	font-weight: normal;
	font-size: 14px;
}
.m-invite-top .mui-icon{
	color: #48adfe;
}
.m-invite input[type="number"]{
	font-size: 12px;
}
.m-invite .mui-table-view-cell{
	font-size: 14px;
}
.m-left-icon{
	width: 14px;
	height: 14px;
	float: left;
	margin-top: 4px;
	margin-right: 5px;
	line-height: 43px;
}
.m-invite-num .m-proj-state{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -45px;
	margin-left: -45px;
	width: 90px;
	height: 90px;
	background:none ;
	color: #fff;
	font-size: 28px;
	line-height: 90px;
}
.m-invite-num .m-proj-state:after{
	width: 88px;
	height: 88px;
	border-color: transparent transparent transparent #fff;
}
.m-invite-num .m-invite-des{
	position: absolute;
	bottom: 10%;
	color: #fff;
	font-size: 12px;
	width: 100%;
	text-align: center;
}
.m-invite-num .m-invite-des .mui-icon{
	margin-right: 8px;
	color: #fff;
}
.m-invite-list .row{
	padding: 0 15px;
	margin: 0;
	display:table ;
	background-color: #fff;
}
.m-invite-list .row dd{
	padding: 8px 0;
	display: table-cell;
	width: 1%;
	text-align: left;
	font-size: 12px;
	word-break: break-all;
}
.m-invite-list .list .row dd{
	color: #999;
}
.m-bottom-tips{
	margin-top: 4px;
	color: #DD524D;
	font-size: 10px;
}
.m-proj-info-30{
	height: 30;
	-webkit-box-flex:1.0
	height: 30;
}
.m-slider-height-230{
		height: 230px;
}
.m-slider-height-230 img{
	width:375px;
  height:230px
} 
.m-proc-info{
	margin-top: 15px;
	margin-left: 25%;
	border-left: 1px solid #eee
}
.m-proc-info .row{
	position: relative;
	display: table;
	padding-left: 20%;
	width: 100%;
	height: 80px;
	vertical-align: middle;
}
.m-proc-info .row .mui-icon{
	padding: 3px;
	position: absolute;
	left: -20px;
	top: 0;
	font-size: 30px;
	background-color: #fff;
	color: #fe4142;
}
.m-proc-info .row:last-child .mui-icon{
	padding-bottom: 20px;
}
.m-proj-rt-btn input[type="button"]{
	font-size: 12px;
	margin-bottom: 5px;
	border-radius: 1px;
}
.mui-pull-top-tips {
	position: absolute;
	top: -20px;
	left: 50%;
	margin-left: -25px;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	z-index: 1;
}
.mui-bar~.mui-pull-top-tips {
	top: 24px;
}
.mui-pull-top-wrapper {
	width: 42px;
	height: 42px;
	display: block;
	text-align: center;
	background-color: #efeff4;
	border: 1px solid #ddd;
	border-radius: 25px;
	background-clip: padding-box;
	box-shadow: 0 4px 10px #bbb;
	overflow: hidden;
}
.mui-pull-top-tips.mui-transitioning {
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
}
.mui-pull-top-tips .mui-pull-loading {
	/*-webkit-backface-visibility: hidden;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;*/
	
	margin: 0;
}
.mui-pull-top-wrapper .mui-icon,
.mui-pull-top-wrapper .mui-spinner {
	margin-top: 7px;
}
.mui-pull-top-wrapper .mui-icon.mui-reverse {
	/*-webkit-transform: rotate(180deg) translateZ(0);*/
}
.mui-pull-bottom-tips {
	text-align: center;
	background-color: #efeff4;
	font-size: 15px;
	line-height: 40px;
	color: #777;
}
.mui-pull-top-canvas {
	overflow: hidden;
	background-color: #fafafa;
	border-radius: 40px;
	box-shadow: 0 4px 10px #bbb;
	width: 40px;
	height: 40px;
	margin: 0 auto;
}
.mui-pull-top-canvas canvas {
	width: 40px;
}
.mui-slider-indicator.mui-segmented-control {
	background-color: #efeff4;
}
.m-btn-disabled{
	background-color: #cccccc;
}
